<template>
	<div id="Guangchang">
		<Mynav class="nav"></Mynav>
		<div class="content" >
			<Hottopic></Hottopic>
			<Hotcircles></Hotcircles>
			<Circlestalk></Circlestalk>
			<!-- <Circlestalk></Circlestalk>
			<Circlestalk></Circlestalk> -->
		</div>
		<Footer></Footer>
		
	</div>
</template>

<script>
import Mynav from "./components/Mynav.vue";
import Hottopic from "./components/Hottopic.vue";
import Hotcircles from "./components/Hotcircles.vue";
import Circlestalk from "./components/Circlestalk.vue";
import Footer from "../Home/components/Footer.vue";





export default {
  name: "Guangchang",
  components: {
    Mynav,
	Hottopic,
	Hotcircles,
	Circlestalk,
	Footer
  }
};
</script>

<style scoped>
.nav{
	position: fixed;
	top:0
}
.content{
	margin-top: 0.5rem;
}

</style>